<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<!--框架必需start-->
		<script type="text/javascript" src="../../libs/js/jquery.js"></script>
		<script type="text/javascript" src="../../libs/js/language/cn.js"></script>
		<script type="text/javascript" src="../../libs/js/framework.js"></script>
		<link href="../../libs/css/import_basic.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" id="skin" prePath="../../" />
		<link rel="stylesheet" type="text/css" id="customSkin" />
		<!--框架必需end-->
		<script src="../../libs/thirdparty/highcharts/js/highcharts.js"></script>

		<link rel="stylesheet" type="text/css" href="style/style.css"/>
		<!--基本选项卡end-->
		<style type="text/css">
			
			body{
				background: #F4F4F4;
			}
			
			
		</style>
	</head>

	<body>
		<div class="content_win">
			<div class="left_content">
				<div class="win content1">
					<p>Welcome,Adira Ravina</p>
					<span>This is you frontline desktop application,you can add,register and mannage our patient in Permata Hati Healthcare.</span>
				</div>
				<div class="win content2">
					<ul>
						<li style="border-bottom: 1px solid #ECECEC;">
							<div class="text">
								<p>Messages(12)</p>
								<span>Recent Messages</span>
							</div>
							<button type="button">New Message +</button>
							<div class="clear"></div>
						</li>
						<li>
							<div class="title">
								<span>Dr.Mousthapa</span>
								<p>25 June 2016 11:24</p>
								<div class="clear"></div>
							</div>
							<p>This is you frontline desktop application,you can add,register and mannage our patient in Permata Hati Healthcare.</p>
						</li>
						<li>
							<div class="title">
								<span>Dr.Mousthapa</span>
								<p>25 June 2016 11:24</p>
								<div class="clear"></div>
							</div>
							<p>This is you frontline desktop application,you can add,register and mannage our patient in Permata Hati Healthcare.</p>
						</li>
						<li>
							<div class="title">
								<span>Dr.Mousthapa</span>
								<p>25 June 2016 11:24</p>
								<div class="clear"></div>
							</div>
							<p>This is you frontline desktop application,you can add,register and mannage our patient in Permata Hati Healthcare.</p>
						</li>
						<li>
							<div class="title">
								<span>Dr.Mousthapa</span>
								<p>25 June 2016 11:24</p>
								<div class="clear"></div>
							</div>
							<p>This is you frontline desktop application,you can add,register and mannage our patient in Permata Hati Healthcare.</p>
						</li>
						<li>
							<div class="title">
								<span>Dr.Mousthapa</span>
								<p>25 June 2016 11:24</p>
								<div class="clear"></div>
							</div>
							<p>This is you frontline desktop application,you can add,register and mannage our patient in Permata Hati Healthcare.</p>
						</li>
					</ul>
				</div>
				
				
				
			</div>
			<div class="right_content">
				<div class="win content2">
					
					<table border="0" cellspacing="0" cellpadding="0">
						
						<tr>
							<td>
								<div class="text">
									<p>Activities</p>
									<span>Healthcare Patient Monitor</span>
								</div>
							</td>
							<td>
								<div class="buttonGroup" radio="true">
									<span class="leftButton active">Day</span>
									<span class="centerButton">Week</span>
									<span class="rightButton">Month</span>
								</div>
							</td>
							<td>
								<select>
									<option value="">All Services</option>
									<option value="0">content1</option>
									<option value="1">content2</option>
									<option value="2">content3</option>
								</select>
							</td>
							<td>
								<button type="button" style="background: #74D6DD; color: #fff;border: 1px solid #74D6DD;">Add Patient</button>
							</td>
						</tr>
					</table>
					
					
					
					<div class="clear"></div>
					<div id="container" style="width: 500px; height: 410px;float: left;"></div>

					<div class="data_content">
						<div class="data_win" style="background: url(style/content2.png) no-repeat 100% center;">
							<span>119</span>
							<p>Out Patient Care</p>
						</div>
						<div class="data_win" style="background: url(style/content3.png) no-repeat 100% center;">
							<span>119</span>
							<p>Out Patient Care</p>
						</div>
						<div class="data_win" style="background: url(style/content4.png) no-repeat 100% center;">
							<span>119</span>
							<p>Out Patient Care</p>
						</div>
						<div class="data_win" style="background: url(style/content5.png) no-repeat 100% center;">
							<span>119</span>
							<p>Out Patient Care</p>
						</div>
						<div class="data_win" style="background: url(style/content4.png) no-repeat 100% center;">
							<span>119</span>
							<p>Out Patient Care</p>
						</div>
						<div class="data_win" style="background: url(style/content3.png) no-repeat 100% center;">
							<span>119</span>
							<p>Out Patient Care</p>
						</div>
					</div>
					<div class="clear"></div>
				</div>
				
				<div class="win content2" style="width: 350px;float: left;">
					<ul class="list">
						<li style="border-bottom: 1px solid #ECECEC;">
							<div class="text">
								<p>Messages(12)</p>
								<span>Recent Messages</span>
							</div>
							<button type="button">New Message +</button>
							<div class="clear"></div>
						</li>
						<li class="list_text">
							<input type="checkbox" id="sing-1" name="hobby-1" value="" style="float: left;"/><label for="sing-1" class="hand" style="float: left;width: 240px;">
							<span>Make call with Dr.Mousthapa Guilbadulin to visit patuent in Meiati Room 3(VIP)</span></label>
							<p>due in 5 min</p>
							<div class="clear"></div>
						</li>
						<li class="list_text">
							<input type="checkbox" id="sing-2" name="hobby-2" value="" style="float: left;"/><label for="sing-2" class="hand" style="float: left;width: 240px;">
							<span>Make call with Dr.Mousthapa Guilbadulin to visit patuent in Meiati Room 3(VIP)</span></label>
							<p>due in 5 min</p>
							<div class="clear"></div>
						</li>
					</ul>
				</div>
				<div class="win content2" style="width: 350px;float: right;">
					<ul class="list">
						<li style="border-bottom: 1px solid #ECECEC;">
							<div class="text" style="float: none;">
								<p>Messages(12)</p>
								<span>Recent Messages</span>
							</div>
							<div class="clear"></div>
						</li>
						<li class="list_text">
							<input type="checkbox" id="sing-3" name="hobby-3" value="" style="float: left;"/><label for="sing-3" class="hand" style="float: left;width: 240px;">
								<span>Make call with Dr.Mousthapa Guilbadulin to visit patuent in Meiati Room 3(VIP)</span></label>
							<!--<span></span>-->
							<p>due in 5 min</p>
							<div class="clear"></div>
						</li>
						<li class="list_text">
							<input type="checkbox" id="sing-4" name="hobby-4" value="" style="float: left;"/><label for="sing-4" class="hand" style="float: left;width: 240px;">
							<span>Make call with Dr.Mousthapa Guilbadulin to visit patuent in Meiati Room 3(VIP)</span></label>
							<p>due in 5 min</p>
							<div class="clear"></div>
						</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<div class="clear"></div>
		</div>
		<script type="text/javascript">
			$('#container').highcharts({
	            chart: {
	                type: 'areaspline'
	            },
	            title: {
	                text: ''
	            },
	            legend: {
	                layout: 'vertical',
	                align: 'left',
	                verticalAlign: 'top',
	                x: 150,
	                y: 100,
	                floating: true,
	                borderWidth: 1,
	                backgroundColor: '#FFFFFF',
	                enabled:false
	            },
	            xAxis: {
	                categories: [
	                    '6Aug',
	                    '7Aug',
	                    '8Aug',
	                    '9Aug',
	                    '10Aug',
	                    '11Aug',
	                    '12Aug'
	                ]
	            },
	            yAxis: {
	                title: {
	                    text: ''
	                }
	            },
	            tooltip: {
	                shared: true,
	                valueSuffix: 'K'
	            },
	            credits: {
	                enabled: false
	            },
	            plotOptions: {
	                areaspline: {
	                    fillOpacity: 0.1
	                }
	            },
	            series: [{
	                name: '北京',
	                data: [3, 4, 3, 5, 4, 10, 12]
	            }],
	            colors:["#74D6DD"]
	        });

		</script>
	</body>

</html>